<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <include file="Public/title" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Free HTML5 Template by FREEHTML5" />
  <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
  <!-- Facebook and Twitter integration -->
  <meta property="og:title" content=""/>
  <meta property="og:image" content=""/>
  <meta property="og:url" content=""/>
  <meta property="og:site_name" content=""/>
  <meta property="og:description" content=""/>
  <meta name="twitter:title" content="" />
  <meta name="twitter:image" content="" />
  <meta name="twitter:url" content="" />
  <meta name="twitter:card" content="" />
  <include file="Public/head" />
  </head>
  <body>
  <header role="banner" id="fh5co-header">
      <div class="container">
        <!-- <div class="row"> -->
          <nav class="navbar navbar-default">
            <div class="navbar-header">
              <!-- Mobile Toggle Menu Button -->
          <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
                <a class="navbar-brand" href="index.html">Phone<span>.</span></a> 
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <ul class="nav navbar-nav navbar-right">
                <li class="active"> <a  style="font-family: SimHei;font-size: large" data-nav-section="" href="/phone/"><span> Home</span></a></li>
                <li><a  style="font-family: SimHei;font-size: large" data-nav-section="prephone" href="{:U('PrePhones/prephonelist')}"><span> PrePhone</span></a></li>
                <li><a  style="font-family: SimHei;font-size: large" data-nav-section="phone" href="{:U('Phones/phonelist')}"><span> Phone</span></a></li>
                <li><a  style="font-family: SimHei;font-size: large" data-nav-section="adminlogin" href="/phone/Admin/"><span> Admin Login</span></a></li>
                 <if condition="$Think.session.uname eq null">
                <li><a  style="font-family: SimHei;font-size: large" data-nav-section="login" href="{:U('Users/login')}"><span> Login</span></a></li>
                <li><a  style="font-family: SimHei;font-size: large" data-nav-section="reg" href="{:U('Users/reg')}"><span> Reg</span></a></li>
                <else/>
                   <li>
                      <a  style="font-family: SimHei;font-size: large" href="{:U('Goods/goods')}">{$Think.session.u}</a>
                  </li>
                <li><a style="font-family: SimHei;font-size: large" data-nav-section="exitlog" href="{:U('Users/exitLog')}"><span>Logout</span></a></li>
                 </if>

                
              </ul>
         <!--      <div class="search" style="min-width: 160px" >
                          <form  style="min-width: 90px">
                              <input style="min-width: 90px" type="text" value="搜索品牌" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
                              <input type="submit" value="">
                          </form>
                   </div> -->
            </div>
          </nav>
        <!-- </div> -->
      </div>
  </header>
  <div id="slider" data-section="home">
    <div class="owl-carousel owl-carousel-main owl-carousel-fullwidth">
      <!-- You may change the background color here. -->
        <div class="item" style="background: #ba78ff;">
          <div class="container" style="position: relative;">
            <div class="row animate-box" data-animate-effect="fadeIn">
              <div class="col-md-7 col-sm-7">
                <div class="fh5co-owl-text-wrap">
                  <div class="fh5co-owl-text">
                    <h1 class="fh5co-lead ">Phone</h1>
                  <h2 class="fh5co-sub-lead ">The Internet and multimedia smart phones have pushed the human life into the peak <a href="#" target="_blank" title="手机信息网">手机信息网</a> - Collect from <a href="#" title="手机信息网" target="_blank">手机信息网</a></h3>
                  <p class=""><a href="#" class="btn btn-primary btn-lg">14110100731李簿原</a></p>
                  </div>
                </div>
              </div>
              <div class="col-md-4 col-md-push-1 col-sm-4 col-sm-push-1 mobile-image">
                <div class="mobile"><img src="__APP__/Public/assets/images/ios.png" alt="Free HTML5 Template by FREEHTML5"></div>
              </div>

            </div>
          </div>
        </div>
      <!-- You may change the background color here.  -->
        <div class="item" style="background: #ba78ff;">
          <div class="container" style="position: relative;">
            <div class="row animate-box" data-animate-effect="fadeIn">
              <div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5">
                <div class="fh5co-owl-text-wrap">
                  <div class="fh5co-owl-text">
                    <h1 class="fh5co-lead ">MOBILE</h1>
                  <h2 class="fh5co-sub-lead ">In the computer and mobile phones are everywhere in people's life <a href="#" target="_blank" title="手机信息网">手机信息网</a> - Collect from <a href="#" title="手机信息网" target="_blank">手机信息网</a></h3>
                  <p class=""><a href="#" class="btn btn-primary btn-lg">14110100731李簿原</a></p>
                  </div>
                </div>
              </div>
              <div class="col-md-4 col-md-pull-7 col-sm-4 col-sm-pull-7 mobile-image">
                <div class="mobile"><img src="__APP__/Public/assets/images/andriod.png" alt="Free HTML5 Template by FREEHTML5"></div>
              </div>

            </div>
          </div>
        </div>

       
    </div>
  </div>
    <div class="copyrights">Collect from <a href="#" >手机信息网</a></div>

<div class="heading" style="color: #00b2f1;font-size: large;">
                  <a href="{:U('phonelist')}">Phone</a>
                  </div>
               <ul style="height: 700px;">
                          <volist name="phones" id="vo">
                          <li style=" padding: 0;list-style: none; ">
                         
                                  <a href="" style="float: left; display: inline; width:200px; margin-left: 50px; position: relative; z-index: 2;"><img src="__PUBLIC__/Admin/picture/{$vo.picture}"  style="float:left;  width:189px;height: 150px;margin-left: 50px;margin-top: 50px;  position:relative;" ></a>
                              
                          </li>
                          </volist>
                       </ul>



  
  <div id="fh5co-product-screenshots" data-section="screenshots">

    <div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeIn">
        <div class="col-md-12 section-heading text-center">
          <h2>Phone Screenshots</h2>
          <div class="row">
            <div class="col-md-6 col-md-offset-3">
              <h3>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</h3>
            </div>
          </div>
        </div>
      </div>
    <div class="owl-carousel-center">
     
      <div class="animate-box" data-animate-effect="fadeIn"><img src="__APP__/Public/assets/images/screen-1-1-login.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
      <div class="animate-box" data-animate-effect="fadeIn"><img src="__APP__/Public/assets/images/screen-1-8-list.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
      <div class="animate-box" data-animate-effect="fadeIn"><img src="__APP__/Public/assets/images/screen-2-1-login.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
      <div class="animate-box" data-animate-effect="fadeIn"><img src="__APP__/Public/assets/images/screen-2-6-overview.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
      <div class="animate-box" data-animate-effect="fadeIn"><img src="__APP__/Public/assets/images/screen-3-7-groups.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
      <div class="animate-box" data-animate-effect="fadeIn"><img src="__APP__/Public/assets/images/screen-4-7-groups.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div>
      <div class="animate-box" data-animate-effect="fadeIn"><img src="__APP__/Public/assets/images/screen-5-6-overview.jpg" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></div> 
    </div>
  </div>

  <div id="fh5co-tour" data-section="tour">
    <div class="container">
      <div class="row row-bottom-padded-lg">
        <div class="col-md-10 col-md-offset-1">
          <div class="col-md-4 animate-box" data-animate-effect="fadeInLeft">
            <img src="__APP__/Public/assets/images/screen-1-1-login.jpg" alt="Free HTML5 Bootstrap Template" class="img-responsive img-feature-1">  
          </div>
          <div class="col-md-7 col-md-push-1">
            <h2>We create beautiful web and mobile phone.</h2>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
            <p><a href="#" class="btn btn-primary">Learn more</a></p> 
          </div>
          
        </div>
      </div>

      <div class="row row-bottom-padded-lg">
        <div class="col-md-10 col-md-offset-1">
          <div class="col-md-4 col-md-push-8 animate-box" data-animate-effect="fadeInRight">
            <img src="__APP__/Public/assets/images/screen-1-8-list.jpg" alt="Free HTML5 Bootstrap Template" class="img-responsive img-feature-1"> 
          </div>
          <div class="col-md-7 col-md-pull-4">
            <h2>We create beautiful web and mobile phone.</h2>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
            <p><a href="#" class="btn btn-primary">Learn more</a></p> 
          </div>
          
        </div>
      </div>

      <div class="row">
        <div class="col-md-10 col-md-offset-1">
          <div class="col-md-4 animate-box" data-animate-effect="fadeInLeft">
            <img src="__APP__/Public/assets/images/screen-3-7-groups.jpg" alt="Free HTML5 Bootstrap Template" class="img-responsive img-feature-1"> 
          </div>
          <div class="col-md-7 col-md-push-1">
            <h2>We create beautiful web and mobile phone.</h2>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
            <p><a href="#" class="btn btn-primary">Learn more</a></p> 
          </div>
          
        </div>
      </div>

    </div>
  </div>


  <div id="fh5co-testimonials" data-section="testimonials">   
    <div class="container">
      <div class="row">
        <div class="col-md-12 section-heading text-center">
          <h2 class="animate-box" data-animate-effect="fadeIn">预售款手机</h2>
          <div class="row animate-box" data-animate-effect="fadeIn">
            <div class="col-md-8 col-md-offset-2 subtext">
              <h3>Understand the latest information, welcome to mobile web site.</h3>
              <ul>
<marquee behavior="scroll" direction="left" onMouseOut="this.start()" onMouseOver="this.stop()"><p style="color:#FFFFFF;font-size: 30px; " class="s1 s2 s5">欢迎了解最新款手机信息</p></marquee>
</ul>
            </div>
          </div>
      
      <div class="row">
         <ul style="height: 200px;">
                          <volist name="pres" id="vo">
                          <li style=" padding: 0;list-style: none; margin-left: 10px;">
                         
                                  <a href="" style="float: left; display: inline; width:152px; margin-left: 50px; position: relative; z-index: 2;"><img src="__PUBLIC__/Admin/prepicture/{$vo.picture}"  style="float:left;  width:152px;height: 100px;  position:relative;" ></a>
                              
                          </li>
                          </volist>
                       </ul>
                       </div>
                       </div>


      </div>
    </div>
  </div>

  <div id="fh5co-pricing" data-section="pricing">
    <div class="container">
      <div class="row">
        <div class="col-md-12 section-heading text-center">
          <h2 class="animate-box" data-animate-effect="fadeIn">热门手机排行榜</h2>
          <div class="row animate-box" data-animate-effect="fadeIn">
            <div class="col-md-8 col-md-offset-2 subtext">
              <h3>To understand the latest popular mobile phone, looking for your beloved</h3>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
      
        <div class="col-md-3 col-sm-6">
          <div class="price-box animate-box" data-animate-effect="fadeIn">
            <h2 class="pricing-plan">华为Mate 9</h2>
            <div class="price"><sup class="currency">$</sup>3899<small>/64GB</small></div>
            <p>华为Mate 9正面覆盖了 2.5D 弧面玻璃显示屏，中框是金属材质，并做了切边处理，而手机天线似乎采用纳米注塑工艺，中框上的待机键和音量键还有不同于机身颜色的包边，后置指纹识别</p>
            <hr>
            <ul class="pricing-info">
              <li>摩卡金</li>
              <li>香槟金</li>
              <li>陶瓷白</li>
              <li>曜石黑</li>
              <li>苍穹灰</li>
              <li>月光银</li>
            </ul>
            <a href="#" class="btn btn-default btn-sm">了解</a>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="price-box animate-box" data-animate-effect="fadeIn">
            <h2 class="pricing-plan">vivo X9</h2>
            <div class="price"><sup class="currency">$</sup>2798<small>/64GB</small></div>
            <p>触摸屏类型电容屏，多点触控主屏尺寸5.5英寸主屏分辨率1920x1080像素屏幕像素密度401ppi屏幕技术第五代康宁大猩猩玻璃其他屏幕参数超窄边框</p>
            <hr>
            <ul class="pricing-info">
              <li>金色</li>
              <li>玫瑰金</li>
            </ul>
            <a href="{:U('PrePhones/prephonelist')}" class="btn btn-default btn-sm">了解</a>
          </div>
        </div>
        <div class="clearfix visible-sm-block"></div>
        <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeIn">
          <div class="price-box popular">
            <div class="popular-text">热门品牌</div>
            <h2 class="pricing-plan">iPhone 7</h2>
            <div class="price"><sup class="currency">$</sup>6188<small>/128GB</small></div>
            <p>Home键全新设计，添加了振动反馈。支持防水防尘功能，双摄像头，防抖功能，新增了速度更快的处理器。相机的处理器ISP吞吐量是原来的两倍。Live photo更加强大，开发者还可以调用RAW相机的API。前置摄像头升级到700万像素，支持防抖功能。</p>
            <hr>
            <ul class="pricing-info">
              <li>金色</li>
              <li>银色</li>
              <li>玫瑰色</li>
              <li>黑色</li>
              <li>亮黑色</li>
            </ul>
            <a href="{:U('PrePhones/prephonelist')}" class="btn btn-primary btn-sm">了解</a>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="price-box animate-box" data-animate-effect="fadeIn">
            <h2 class="pricing-plan">oppo R9s</h2>
            <div class="price"><sup class="currency">$</sup>2799<small>/64GB</small></div>
            <p>在配置上的提升主要集中在处理器和摄像头，依然采用5.5英寸1080p屏幕（超窄黑边设计，外层覆盖的是大猩猩5代玻璃），4GB RAM+64GB存储的内存组合，处理器是基于14nm工艺的高通骁龙625（主频2GHz），内置3010mAh容量电池，支持VOOC闪充，运行基于Android 6.0的ColorOS 3.0，摄像头为双1600万像素，其中后置为索尼和OPPO定制研发的IMX398传感器。</p>
            <hr>
            <ul class="pricing-info">
              <li>金色</li>
              <li>玫瑰色</li>
              <li>黑色</li>
              
            </ul>
            <a href="{:U('PrePhones/prephonelist')}" class="btn btn-default btn-sm">了解</a>
          </div>
        </div>
        
      </div>
    </div>
  </div>

  
  <div class="fh5co-cta" style="background-image:url(__APP__/Public/assets/images/hero.jpg)">
    <div class="overlay"></div>
    <div class="container">
      <div class="col-md-8 col-md-offset-2 text-center">
        <h3>If you are the administrator, please click below. </h3>
        <p><a href="/phone/Admin/" class="btn btn-primary btn-outline btn-lg">后台登录</a></p>
      </div>
    </div>
  </div>

  <footer id="footer" role="contentinfo">
    <div class="container">
      <div class="row row-bottom-padded-sm">
        <div class="col-md-12">
          <p class="copyright text-center">&copy; 大连东软信息学院<a href="#">Phone</a>. 首页 <br> 计算机科学与技术 <a href="#" target="_blank" title="14007"></a> - 14007 <a href="#" title="李簿原" target="_blank">李簿原</a> </p>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-center">
          <ul class="social social-circle">
            <li><a href="#"><i class="icon-twitter"></i></a></li>
            <li><a href="#"><i class="icon-facebook"></i></a></li>
            <li><a href="#"><i class="icon-youtube"></i></a></li>
            <li><a href="#"><i class="icon-pinterest"></i></a></li>
            <li><a href="#"><i class="icon-linkedin"></i></a></li>
            <li><a href="#"><i class="icon-instagram"></i></a></li>
            <li><a href="#"><i class="icon-dribbble"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
        <include file="Public/footer" />    
    
  </body>

</html>